<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>表单选择器</title>
		<!--   引入jQuery -->
		<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function() {
				var $text = $("#form1 :text")
				var $pwd = $("#form1 :password")
				var $radio = $("#form1 :radio")
				var $checkbox = $("#form1 :checkbox")
				var $submit = $("#form1 :submit")
				var $image = $("#form1 :image")
				var $reset = $("#form1 :reset")
				var $button = $("#form1 :button")
				var $file = $("#form1 :file")
				var $hidden = $("#form1 :hidden")
				var $select = $("select")
				var $textarea = $("textarea")
				var $input = $("input")
				var $Allinput = $("#form1 :input")

				$("div").append(" 有 " + $text.length + " 个（：text 元素）。<br/>")
					.append(" 有 " + $pwd.length + " 个（:password 元素）。<br/>")
					.append(" 有 " + $radio.length + " 个（：radio 元素）。<br/>")
					.append(" 有 " + $checkbox.length + " 个（：checkbox 元素）。<br/>")
					.append(" 有 " + $submit.length + " 个（：submit 元素）。<br/>")
					.append(" 有 " + $image.length + " 个（：image 元素）。<br/>")
					.append(" 有 " + $reset.length + " 个（：reset 元素）。<br/>")
					.append(" 有 " + $button.length + " 个（：button 元素）。<br/>")
					.append(" 有 " + $file.length + " 个（：file 元素）。<br/>")
					.append(" 有 " + $hidden.length + " 个（：hidden 元素）。<br/>")
					.append(" 有 " + $select.length + " 个（：select 元素）。<br/>")
					.append(" 有 " + $textarea.length + " 个（：textarea 元素）。<br/>")
					.append(" 表单有 " + $input.length + " 个（input 元素）。<br/>")
					.append(" 总共有 " + $Allinput.length + " 个（：input 元素）。<br/>")
					.css("color", "red")
			});
		</script>
	</head>
	<body>
		<form id="form1" action="#">
			<input type="button" value="Button" /><br />
			<input type="checkbox" name="c" />1<input type="checkbox" name="c" />2<input type="checkbox" name="c" />3<br />
			<input type="file" /><br />
			<input type="hidden" />
			<div style="display:none">test</div><br />
			<input type="image" /><br />
			<input type="password" /><br />
			<input type="radio" name="a" />1<input type="radio" name="a" />2<br />
			<input type="reset" /><br />
			<input type="submit" value="提交" /><br />
			<input type="text" /><br />
			<select>
				<option>Option</option>
			</select><br />
			<textarea rows="5" cols="20"></textarea><br />
			<button>Button</button><br />
		</form>
		<div></div>
	</body>
</html>
